<script lang="ts">
  import { Blockquote, P } from "flowbite-svelte";
</script>

<P color="text-gray-500 dark:text-gray-400">
  Does your user know how to exit out of screens? Can they follow your intended user journey and buy something from the site you’ve designed? By running a usability test, you’ll be able to see how
  users will interact with your design once it’s live.
</P>
<Blockquote border bg class="my-4 p-4">
  <P size="xl" height="relaxed">
    "Flowbite is just awesome. It contains tons of predesigned components and pages starting from login screen to complex dashboard. Perfect choice for your next SaaS application."
  </P>
</Blockquote>
<P color="text-gray-500 dark:text-gray-400">
  First of all you need to understand how Flowbite works. This library is not another framework. Rather, it is a set of components based on Tailwind CSS that you can just copy-paste from the
  documentation.
</P>
